<!-- Footer
======================================= -->

<div id="footer">

    <div class="container">

        <div class="column" style="text-align: justify;">

            <h2>Giới thiệu</h2>

            <?php echo ot_get_option('about_us_footer', '') ?>

        </div>
        <!-- end about -->

        <div class="column">

            <h2>Tin mới</h2>
            <?php
            $block_two_cat = ot_get_option('block_two_cat', 6);
            $block_two_posts = Azio_Posts::getPosts(3, $block_two_cat);?>
            <ul class="recent_blogs">
                <?php $i = 1;
                foreach ($block_two_posts as $block_two_post):
                    if ($i % 3 == 0) {
                        $class_last = 'class="last"';
                    } else {
                        $class_last = "";
                    }?>
                    <li <?php echo $class_last ?>>
                        <a href="<?php echo $block_two_post->permalink ?>" title="<?php echo esc_attr($block_two_post->post_title) ?>"><img src="<?php echo $block_two_post->image_thumbnail ?>" alt="<?php echo esc_attr($block_two_post->post_title) ?>" width="50" height="50"/></a>
                        <a href="<?php echo $block_two_post->permalink ?>" title="<?php echo esc_attr($block_two_post->post_title) ?>"><?php echo Azio_Posts::cut_tring_by_char($block_two_post->post_title, 32) ?></a>
                        <i><?php echo date("d/m/Y", strtotime($block_two_post->post_date)); ?></i>
                    </li>
                    <?php $i++;
                endforeach ?>
            </ul>

        </div>
        <!-- end recent blogs -->

        <div class="column">

            <h2>HỖ TRỢ</h2>

            <ul class="list">
                <?php
                wp_nav_menu(array(
                    'theme_location' => 'footer-menu-1',
                    'container' => false,
                    'container_class' => false,
                    'menu_class' => '',
                    'container_id' => '',
                    'before' => '',
                    'after' => '',
                    'items_wrap' => '%3$s',
                    'fallback_cb' => 'wp_page_menu',
                ));
                ?>
            </ul>

        </div>
        <!-- end support links -->

        <div class="column">

            <h2>ĐỊA CHỈ</h2>

            <ul class="address-liste">
                <li><?php echo ot_get_option('diachi') ?></li>
                <li class="icon2"><?php echo ot_get_option('phone') ?></li>
                <li class="icon3"><?php echo ot_get_option('mobile') ?></li>
                <li class="icon4">
                    <a href="mailto:<?php echo ot_get_option('email') ?>"><?php echo ot_get_option('email') ?></a></li>
            </ul>

        </div>
        <!-- end address -->

        <div class="column last">

            <h2>HỖ TRỢ KĨ THUẬT</h2>

            <?php $supports = ot_get_option('hotrotructuyen', array());
            if (!empty($supports)):
                $i = 1;
                ?>
                <ul class="list_support">
                    <?php foreach ($supports as $support): ?>
                        <li>
                            <?php echo $support['hotro_ten'] ?>: <b><?php echo $support['hotro_dienthoai'] ?></b><br/>
                            <a href="ymsgr:sendIM?<?php echo $support['hotro_yahoo'] ?>"><img src="http://opi.yahoo.com/online?u=<?php echo $support['hotro_yahoo'] ?>&amp;m=g&amp;t=1" border="0" width="64"></a>
                            <a href="skype:<?php echo $support['hotro_skype'] ?>?chat">
                                <img src="http://mystatus.skype.com/smallclassic/<?php echo $support['hotro_skype'] ?>" alt=""> </a></li>
                    <?php endforeach ?>
                </ul>
            <?php endif ?>

            <div class="clearfix"></div>

            <h2>Follow</h2>

            <ul class="social_list">
                <li>
                    <a href="<?php echo ot_get_option('facebook_page') ?>"><img src="<?php echo THEME_URL ?>/images/social-icon1.png" alt="Facebook"/></a>
                </li>
                <li>
                    <a href="<?php echo ot_get_option('twitter_page') ?>"><img src="<?php echo THEME_URL ?>/images/social-icon2.png" alt="Twitter"/></a>
                </li>
                <li>
                    <a href="<?php echo ot_get_option('google_page') ?>"><img src="<?php echo THEME_URL ?>/images/social-icon3.png" alt="Google plus"/></a>
                </li>
                <li>
                    <a href="<?php echo ot_get_option('linkedin_page') ?>"><img src="<?php echo THEME_URL ?>/images/social-icon4.png" alt="Linkedin"/></a>
                </li>
            </ul>

        </div>
        <!-- end socails -->

    </div>

    <div class="clearfix"></div>

</div>


<div class="copyright_info">

    <div class="container">

        <div class="one_half">
            <span>

                <?php
                $menuParameters = array(
                    'theme_location' => 'footer-menu-2',
                    'container' => false,
                    'echo' => false,
                    'before' => ' | ',
                    'items_wrap' => '%3$s',
                    'depth' => 0,
                );

                echo strip_tags(wp_nav_menu($menuParameters), '<a>');
                ?>
                |
            </span>

        </div>

        <div class="one_half last"><b>Thiết kế website chuyên nghiệp <a href="http://azio.info/"/> Azio.info</a></b>
        </div>


    </div>

</div><!-- end copyright info -->


<a href="#" class="scrollup">Scroll</a><!-- end scroll to top of the page-->


</div>


<!-- scroll up -->
<script type="text/javascript">
    jQuery(document).ready(function () {

        jQuery(window).scroll(function () {
            if (jQuery(this).scrollTop() > 100) {
                jQuery('.scrollup').fadeIn();
            } else {
                jQuery('.scrollup').fadeOut();
            }
        });

        jQuery('.scrollup').click(function () {
            jQuery("html, body").animate({ scrollTop: 0 }, 500);
            return false;
        });

    });
</script>


<!-- jquery jcarousel -->
<script type="text/javascript">

    jQuery(document).ready(function () {
        jQuery('#mycarousel').jcarousel({
            auto: 5,
            wrap: 'circular'
        });
    });

    jQuery(document).ready(function () {
        jQuery('#mycarouseltwo').jcarousel({
            auto: 5,
            wrap: 'circular'
        });
    });

</script>


<script type="text/javascript">

    var tpj = jQuery;
    tpj.noConflict();

    tpj(document).ready(function () {

        if (tpj.fn.cssOriginal != undefined)
            tpj.fn.css = tpj.fn.cssOriginal;

        tpj('.fullwidthbanner').revolution(
            {
                delay: 9000,
                startwidth: 1000,
                startheight: 500,

                onHoverStop: "on",						// Stop Banner Timet at Hover on Slide on/off

                thumbWidth: 100,							// Thumb With and Height and Amount (only if navigation Tyope set to thumb !)
                thumbHeight: 50,
                thumbAmount: 3,

                hideThumbs: 200,
                navigationType: "none",				// bullet, thumb, none
                navigationArrows: "solo",				// nexttobullets, solo (old name verticalcentered), none

                navigationStyle: "round",				// round,square,navbar,round-old,square-old,navbar-old, or any from the list in the docu (choose between 50+ different item), custom


                navigationHAlign: "right",				// Vertical Align top,center,bottom
                navigationVAlign: "bottom",					// Horizontal Align left,center,right
                navigationHOffset: 50,
                navigationVOffset: 55,

                soloArrowLeftHalign: "left",
                soloArrowLeftValign: "center",
                soloArrowLeftHOffset: 0,
                soloArrowLeftVOffset: 0,

                soloArrowRightHalign: "right",
                soloArrowRightValign: "center",
                soloArrowRightHOffset: 0,
                soloArrowRightVOffset: 0,

                touchenabled: "on",						// Enable Swipe Function : on/off


                stopAtSlide: -1,							// Stop Timer if Slide "x" has been Reached. If stopAfterLoops set to 0, then it stops already in the first Loop at slide X which defined. -1 means do not stop at any slide. stopAfterLoops has no sinn in this case.
                stopAfterLoops: 0,						// Stop Timer if All slides has been played "x" times. IT will stop at THe slide which is defined via stopAtSlide:x, if set to -1 slide never stop automatic


                fullWidth: "on",

                shadow: 0								//0 = no Shadow, 1,2,3 = 3 Different Art of Shadows -  (No Shadow in Fullwidth Version !)

            });


    });
</script>

<?php wp_footer(); ?>

<!-- Social -->
<script>
    window.fbAsyncInit = function () {
        // init the FB JS SDK
        FB.init({
            status: false,
            xfbml: true
        });
    };
    // Load the SDK asynchronously
    (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {
            return;
        }
        js = d.createElement(s);
        js.id = id;
        js.src = "//connect.facebook.net/en_US/all.js";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>
<script type="text/javascript">
    (function () {
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
    })();
</script>
<script>!function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (!d.getElementById(id)) {
            js = d.createElement(s);
            js.id = id;
            js.src = "https://platform.twitter.com/widgets.js";
            fjs.parentNode.insertBefore(js, fjs);
        }
    }(document, "script", "twitter-wjs");</script>

</body>
</html>